<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/css/kehu_login.css}">
</head>
<body>
<header>
  <div class="header"></div>
</header>

<section class="section">
  <div class="login_box">
    <h3>用户登录<a href="#">立即注册></a></h3>
    <div class="logon_con">
      <input type="text" class="user" placeholder="输入用户名">
      <input type="password" class="password" placeholder="输入密码"> 
      
      <p class="fortet_pw"><a href="#">忘记密码？</a></p>
      <p class="login_btn"><button>登录</button></p>
    </div>
  </div>
</section>
<footer class="footer">Copyright© 2002-2015 中国石油化工股份有限公司 保留所有权利  京ICP备05037230号</footer>
<script th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
<script th:src="@{/js/bootstrap.min.js?v=3.3.6}"></script>
<script type="text/javascript">
    
    $(function(){
        var h=$(window).height()-583;
        $(".footer").css({
            "height":h,
            "line-height":h+'px'
        });

        $(".login_box > input").click(function(){
            $(this).addClass("on").siblings().removeClass("on");

        })


    })
</script>
</body>
</html>